<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>逆向数据流</title>
		<script src="../vue.js"></script>
	</head>
	<body>
		<div id="app">
			<span>{{kg}}公斤</span>
			<zhuanhuan @tokg='bangtogongjin'></zhuanhuan>
		</div>
		<template id="p">
			<div>
				<input type="number" v-model="pang" @keyup="changePang()"/>磅
			</div>
		</template>
		<script>
			var vm=new Vue({
				el:'#app',
				data:{
					kg:0
				},
				methods:{
					bangtogongjin(b){
						this.kg=b*0.432;
					}
				},
				components:{
					zhuanhuan:{
						template:'#p',
						data:function(){
							return {
								pang:0
							}
						},
						methods:{
							changePang(){
								console.log(this.pang+">>>>>>>>>>>>")
								this.$emit('tokg',this.pang);
							}
						}
					}
				}
			})
		</script>
	</body>
</html>
